<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/jqueryPage.css">
  <link rel="stylesheet" href="css/home.css">
  <link rel="stylesheet" href="css/petition-list.css">
  <title>信访管理列表</title>
</head>

<body>
  <div class="wrap">
    <div class="row">
        <div class="box">
      <div class="row-form">
        <form class="form-inline">
          <div class="form-group">
            <label for="name">举报信息</label>
            <input type="text" class="form-control" id="info" placeholder="请输入举报信息">
          </div>
          <div class="form-group">
              <label class="control-label">行业标准</label>
              <select  class="form-control" placeholder="请选择行业标准">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select>
          </div>
          <div class="form-group has-feedback">
              <label class="control-label" >发布日期</label>
              <input type="text" class="form-control" placeholder="请选择发布日期">
              <span class="glyphicon glyphicon-calendar form-control-feedback" aria-hidden="true"></span>
            </div>
            <div class="form-group has-feedback">
              <label class="control-label">-</label>
              <input type="text" class="form-control">
              <span class="glyphicon glyphicon-calendar form-control-feedback" aria-hidden="true"></span>
            </div>
            <div class="form-group" style="margin-left:30px;">
                <button type="submit" class="search-btn"> <i class="glyphicon glyphicon-search"></i>  查询</button>
                <button type="submit" class="cancel-btn"> <i class="glyphicon glyphicon-refresh"></i> 清除</button>
              </div>
        </form>
      </div>
      </div>
    </div>
    <div class="row">
      <div class="box">
        <div class="box-header">
          <h3 class="header-title">信访管理列表</h3>
        </div>
        <div class="box-body">
          <table class="table">
            <thead>
              <tr>
                <th>序号</th>
                <th>信访信息标题</th>
                <th>举报类型</th>
                <th>发文部门</th>
                <th>日期</th>
                <th>批示信息</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="gray-text">
                  <span>1</span>
                </td>
                <td class="bold-text">
                  <span>信访举报标题示例…</span>
                </td>
                <td class="gray-text">
                  <span>举报类型</span>
                </td>
                <td>
                  <span>部门名称</span>
                </td>
                <td>
                  <span>2021-05-11</span>
                </td>
                <td class="blue-text icon icon-approval">
                    <a href="##"><span>待审批</span></a>
                </td>
              </tr>
              <tr>
                <td class="gray-text">
                  <span>2</span>
                </td>
                <td class="bold-text">
                  <span>信访举报标题信访举...</span>
                </td>
                <td class="gray-text">
                  <span>举报类型</span>
                </td>
                <td>
                  <span>部门名称</span>
                </td>
                <td>
                  <span>2021-05-11</span>
                </td>
                <td class="blue-text icon icon-approval">
                    <a href="##"><span>待审批</span></a>
                </td>
              </tr>
              <tr>
                <td class="gray-text">
                  <span>3</span>
                </td>
                <td class="bold-text">
                  <span>信访举报标题信访举</span>
                </td>
                <td class="gray-text">
                  <span>举报类型</span>
                </td>
                <td>
                  <span>部门名称</span>
                </td>
                <td>
                  <span>2021-05-11</span>
                </td>
                <td class="icon icon-pass">
                  <a href="##"><span>审核通过</span></a>
                </td>
              </tr>
              <tr>
                <td class="gray-text">
                  <span>4</span>
                </td>
                <td class="bold-text">
                  <span>信访举报标题信访举</span>
                </td>
                <td class="gray-text">
                  <span>举报类型</span>
                </td>
                <td>
                  <span>部门名称</span>
                </td>
                <td>
                  <span>2021-05-11</span>
                </td>
                <td class="red-text icon icon-return">
                    <a href="##"><span>退回</span></a>
                </td>
              </tr>
            </tbody>
          </table>
          
  <div class="tcdPageCode"></div>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="jQueryPager/js/jquery.page.js"></script>
  <script src="js/echarts.js"></script>
  <script>
    $(".tcdPageCode").createPage({
        pageCount:100,
        current:1,
        backFn:function(p){
            //console.log(p);
        }
    });
  </script>
</body>

</html>